<template>
    <view>
        <view >
            <text class = "c">武汉第一中学</text>
        </view>
        <view class = "d"></view>
        <view class = "high">
            <text class = "e">队长信息</text>
        </view>
        <view>
            <uni-card :is-shadow="false" class = "h"  >
                <img src = "/static/renwu1.jpg"  class = "g"></img>
                <text class = "i">陈婉仪</text>
                <text class = "woman">♀</text>
                <text class = "number">202011090890</text>
                <text class = "xueyuan">计算机学院</text>
                <div class = "dev">
                    <text class = "word">📞拨打电话</text>
                </div>
            </uni-card>
        </view>
        <view class = "uu">
            <view class = "d"></view>
            <view class = "high">
                <text class = "e">队员信息</text>
            </view>
        </view>
        <uni-card :is-shadow="false" class = "duiyaun" >
            <view class = "ki">
                <img src = "/static/renwu2.jpg" class = "g">
                <text class = "zi" >张晓玥</text>
                <text class = "man">♂</text>
                <view class="hr"></view>
            </view>
            <view class = "ji">
                <img src = "/static/renwu3.jpg" class = "g">
                <text class = "zi" >张晓玥</text>
                <text class = "man">♂</text>
                <view class="hr"></view>
            </view>
            <view class = "ji">
                <img src = "/static/renwu4.jpg" class = "g">
                <text class = "zi" >张晓玥</text>
                <text class = "man">♂</text>
                <view class="hr"></view>
            </view>
            <view class = "ji">
                <img src = "/static/renwu5.jpg" class = "g">
                <text class = "zi" >张晓玥</text>
                <text class = "man">♂</text>
            </view>
        </uni-card>
        <view class = "uu">
            <view class = "d"></view>
            <view @click="si">
                <text class = "e">活动照片</text>
            </view>
        </view>
        <view class = "zhaopian">
            <uni-card :is-shadow="false" class = "huodong">
                <img src = "/static/huoodng.png" class = "img"></img>
            </uni-card>
        </view>
        <view class = "nn">
            <view class = "d"></view>
            <view  @click="qu">
                <text class = "e">其他附件</text>
            </view>
        </view>
        <uni-card :is-shadow="false" class = "fujian">
            <view class = "gg">
                <img src = "/static/fu.png" class = "fu"></img>
                <span class = "huo">活动记录</span>
                <span class = "doc">.docx</span>
            </view>
            <view class = "gg">
                <img src = "/static/fu.png" class = "fu"></img>
                <span class = "huo">活动记录</span>
                <span class = "doc">.docx</span>
            </view>
            <view class = "gg">
                <img src = "/static/fu.png" class = "fu"></img>
                <span class = "huo">活动记录</span>
                <span class = "doc">.docx</span>
            </view>
        </uni-card>
    </view>
</template>

<script setup>
</script>

<style scoped>
.gg{
    margin: 10px;
}
.doc{
    position:relative;
    color: #212121;
    font-size: 12px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 0;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
    top:-2px;
    left:7px
}
.huo{
    position:relative;
    color: #166aff;
    font-size: 12px;
    font-face: PingFangSC;
    font-weight: 400;
    line-height: 0;
    letter-spacing: 0;
    paragraph-spacing: 0;
    text-align: left;
    top:-2px;
    left:5px
}
.c{
    position: relative;
    top:20px;
    left:12px;
    font-family: PingFangSC-Medium;
    font-weight: 950;
    font-size: 16px;
    color: #212121;
}
.d{
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #166AFF;
    left:12px;
    top:40px
}
.e{
    position: relative;
    width: 48px;
    height: 17px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #6E6E6E;
    text-align: center;
    left: 20px;
    top: 26px
}
.high{
    height: 40px;
}
.h{

    height: 95px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
}
.g{
    position: relative;
    width: 30px;
    height: 30px;
    border: 0 solid #FFFFFF;
    border-radius: 50%;
    left: -10px
}
.i{
    position: relative;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    text-align: center;
    top:-15px
}
.woman{
    font-size: 12px;
    font-weight: 10000;
    position:relative;
    color: #FF9494;
    top: -17px;
    left: 5px
}
.number{
    position: relative;
    width: 103px;
    height: 21px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    text-align: center;
    top:10px;
    left:-55px
}
.xueyuan{
    position:relative;
    top:35px;
    left:-160px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
}
.dev{
    width: 82px;
    height: 26px;
    background-image: linear-gradient(90deg, #02E26E 3%, #05CF67 97%);
    border-radius: 12px;
    margin-top: -15px;
    margin-left: 250px;
    text-align: center;
}
.word{
    position:relative;
    width: 48px;
    height: 17px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 26px;
}
.uu{
    margin-top: -40px;
}
.duiyaun{
    height: 215px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
    margin-bottom: 0px;
}
.hr{
    border-top: 0.5px solid #E4E8ED;
}
.zi{
    position:relative;
    width: 45px;
    height: 21px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    text-align: center;
    top:-10px
}
.man{
    font-size: 12px;
    font-weight: 10000;
    position:relative;
    color:#166AFF;;
    top: -12px;
    left: 6px
}
.ki{
    margin-top: 5px;
    margin-bottom: 15px;
}
.ji{
    margin-top: 13px;
    margin-bottom: 15px;
}
.huodong{
    position: relative;
    height: 165px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
    top:20px
}
.img{
    position: relative;
    width: 326.6px;
    height: 120px;
    top:5px;
    left:-5px
}

.nn{
    margin-top: -20px;
}
.fujian{
    position: relative;
    height: 120px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
    top: 20px
}

</style>
